<template>
	<view>
		<!-- //轮播 -->
		<view class="banner">
			<swiper class="swiper" @change="changeSwiper">
				<block v-for="(item, index) in list" :key="index">
					<swiper-item>
						<image :src="item" mode=""></image>
					</swiper-item>
				</block>
			</swiper>
			<!-- 轮播信息 -->
			<view class="banner_infor">
				<view>
					<text>{{ swiperCurrent + 1 }}</text>
					/
					<text>{{ list.length }}</text>
				</view>
				<view>
					<text class="text1 icon iconfont">&#xe619;</text>
					<text class="text1 icon iconfont">&#xe650;</text>
				</view>
			</view>
		</view>
		<!-- 卡片1 -->
		<view class="card1">
			<view class="head">
				<text class="price">
					<text style="font-size: 25rpx;font-family: PingFang;font-weight: 800;color: #282828;">￥</text>
					100
				</text>
				<text class="count">已售125</text>
			</view>
			<view class="youhui">500减30</view>
			<view class="bot">
				<view class="name">洗剪吹</view>
				<view class="skill">发型提案+裁剪+造型</view>
				<view class="img"><text class="icon iconfont">&#xe624;</text></view>
			</view>
		</view>
		<view style="height: 10rpx;background: #F7F7F7;"></view>
		<!-- 卡片2 -->
		<view class="card2">
			<view class="cont">
				<view>
					<view class="name_infor">预约优惠专享</view>
					<view class="name_detail">即可享受10%以上的项目服务优惠！</view>
				</view>
				<view class="rig">
					<view class="rig_box"><text>查看预约</text></view>
				</view>
			</view>
		</view>
		<view style="height: 10rpx;background: #F7F7F7;"></view>
		<!-- 卡片3 -->
		<view class="card3" @click="goShop()">
			<view>
				<image src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1634323654,3266425582&fm=15&gp=0.jpg" mode="aspectFit"></image>
			</view>
			<view style="margin-left: 30rpx;">
				<view class="name_design">
					JAVEN 美发师 高级
					<text class="icon iconfont" v-for="(item, index) in 5" :key="index">&#xe621;</text>
				</view>
				<view class="fenshu">
					<text style="border-bottom: 2px solid  #ff9800; margin-right: 10rpx;">4.7分</text>
					很棒
				</view>
				<view class="zw">
					<text class="text1">职位:店长</text>
					<text>从业:10年</text>
				</view>
			</view>
			<view class="dianpu">
				<view>进入店铺</view>
			</view>
		</view>
		<view style="height: 10rpx;background: #F7F7F7;"></view>

		<!-- 项目详情 -->
		<view class="pro_detail">
			<view class="name1">项目详情</view>
			<view class="name2">服务内容</view>
		</view>
		<!-- 内容 -->
		<view class="content">
			<view class="cont_list" v-for="(item,index) in 4" :key='index'>
				<view style="flex: 3;">
					<text class="icon iconfont">&#xe602;</text>
					<text class="text1">发型提案</text>
				</view>
				<view style="flex: 2;"><text class="text2">1次</text></view>
			</view>
		</view>

		<!-- 服务保障 -->
		<view class="serve_safe">
			<view class="serve_name">服务保障</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">有效日期2019-12-24至2019-12-30</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">需您当日一次性体验完毕所有项目</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">不予其他优惠同享</text>
			</view>
		</view>
		<!-- 温馨提示 -->
		<view class="serve_safe">
			<view class="serve_name">温馨提示</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">有效日期2019-12-24至2019-12-30</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">需您当日一次性体验完毕所有项目</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">不予其他优惠同享</text>
			</view>
		</view>

		<!-- 图文详情 -->
		<view class="pic_text_detail">
			<view class="name">图文详情</view>
			<view class="pic">
				<image src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2199263302,2249972741&fm=15&gp=0.jpg" mode=""></image>
			</view>
		</view>
		<!-- 查看更多图文详情 -->
		<view class="more_detail">
			查看更多图文详情
			<text class="icon iconfont">&#xe603;</text>
		</view>
		<view style="height: 10rpx;background: #F7F7F7;"></view>
		<!-- 服务须知 -->
		<view class="serve_safe">
			<view class="serve_name">服务须知</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">有效日期2019-12-24至2019-12-30</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">需您当日一次性体验完毕所有项目</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">不予其他优惠同享</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">有效日期2019-12-24至2019-12-30</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">需您当日一次性体验完毕所有项目</text>
			</view>
			<view>
				<text class="icon iconfont">&#xe602;</text>
				<text class="cont">不予其他优惠同享</text>
			</view>
		</view>
		<view style="height: 10rpx;background: #F7F7F7;"></view>
		<!-- 顾客点评 -->
		<view class="service services">
			<view class="service-top">
				<view>顾客点评</view>
				<view>
					<text style="font-size: 20rpx;font-family: PingFang;font-weight: 500;color: #585858;">123条点评</text>
					<u-icon name="arrow-right" size="22" color="#868686"></u-icon>
				</view>
			</view>
			<view class="swiper-tabs">
				<view :class="['swiper-tab-lists', Tabs == 0 ? 'ons' : '']">技术很好123</view>
				<view :class="['swiper-tab-lists']">效果满意123</view>
				<view :class="['swiper-tab-lists']">效果满意123</view>
			</view>
			<view class="lists">
				<scroll-view scroll-x="true" class="scroll">
					<view class="box" v-for="(item, index) in 3" :key="index">
						<view class="cen-box">
							<view style="width: 25%;">
								<image style="width: 110rpx;height: 150rpx;" src="/static/nan.jpg" mode="aspectFill"></image>
							</view>
							<view style="width: 75%;padding: 5rpx;">
								<view style="font-size: 26rpx;line-height: 40rpx;">环境不错</view>
								<view style="font-size: 20rpx;line-height: 40rpx;">
									<text class="icon iconfont" style="font-size: 20rpx; color: #F2CB51;">&#xe621;</text>
									<text class="icon iconfont" style="font-size: 20rpx; color: #F2CB51;">&#xe621;</text>
									<text class="icon iconfont" style="font-size: 20rpx; color: #F2CB51;">&#xe621;</text>
									<text class="icon iconfont" style="font-size: 20rpx; color: #F2CB51;">&#xe621;</text>
									5.0分</view>
								<view style="font-size: 22rpx;color: #282828;line-height: 30rpx;width: 300rpx;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
									奥斯丁南海东海地方呢的风收到
								</view>
								<view style="font-size: 20rpx;line-height: 40rpx;display: flex;align-items: center;">
									<image style="width: 30rpx;height: 30rpx;border-radius: 40rpx;" src="/static/nv.jpg" mode="aspectFill"></image>
									<text style="margin: 0 15rpx;">加菲猫</text>
									<text>2020/2/2</text>
								</view>
							</view>
						</view>
					</view>
				</scroll-view>
				<view class="wen">
					<view class="service-top">
						<view>问TA</view>
						<view>
							<text style="font-size: 20rpx;font-family: PingFang;font-weight: 500;color: #585858;">123条回答</text>
							<u-icon name="arrow-right" size="22" color="#868686"></u-icon>
						</view>
					</view>
					<view class="wen-wen">
						<view>问</view>
						<text>只烫不染的短发多少钱？头发比较干，不知道能不能做？</text>
					</view>
					<view class="wen-wen">
						<view>问</view>
						<text>只烫不染的短发多少钱？</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 为你推荐 -->
		<view class="tuijian">
			<view class="names">为您推荐</view>
			<!-- 列表 -->
			<view class="list">
				<view class="listss" v-for="(item,index) in 2" :key='index'>
					<view class="lists_img">
						<image src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4191773791,249220039&fm=26&gp=0.jpg" mode="aspectFill"></image>
					</view>
					<view class="lists_infor">
						<view class="list_top">烫发</view>
						<view class="list_center">发型提案+染发+造型</view>
						<view>
							<text class="list_price">￥</text><text class="num">799</text>
							<text class="youhui">预约优惠30%</text>
							<text class="sold">已售1234</text>
						</view>
						<view class="list_bottom">
							<view class="bottom_img"></view>
							<view class="bottom_text">
								<view class="name">JAVEN 美发师 </view>
								<view class="ico_x">
									<view>
										<text class="icon iconfont">&#xe621;</text>
										<text class="icon iconfont">&#xe621;</text>
										<text class="icon iconfont">&#xe621;</text>
										<text class="icon iconfont">&#xe621;</text>
									</view>

								</view>

							</view>
							<view class="distance">4.2m</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 底部购买 -->
		<view class="bot_shop">
			<view class="logs">
				<view @click="goCustomer()">
					<view>
						<image src="@/static/my/kf.png" mode=""></image>
					</view>
					<view style='line-height:100%'>
						<text style="font-size: 18rpx;font-family: PingFang;font-weight: 500;color: #666666;">客服</text>
					</view>
				</view>
				<view @click="goShop()">
					<view>
						<image src="@/static/my/dp.png" mode=""></image>
					</view>
					<view style='line-height:100%'>
						<text style="font-size: 18rpx;font-family: PingFang;font-weight: 500;color: #666666;">店铺</text>
					</view>
				</view>
				<view>
					<view>
						<image src="@/static/my/sc.png" mode=""></image>
					</view>
					<view style='line-height:100%'>
						<text style="font-size: 18rpx;font-family: PingFang;font-weight: 500;color: #666666;line-height: 30rpx;">收藏</text>
					</view>
				</view>
			</view>
			<view class="btns" @click="goorder">
				<text>立即预定</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				swiperCurrent: 0,
				list: [
					'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604656556209&di=0cf6681702a846e4182a272ec476b210&imgtype=0&src=http%3A%2F%2Fimg.improve-yourmemory.com%2Fpic%2Fec56877a3f9edc305fbbf834d0d187e4-0.jpg',
					'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3302264009,472512097&fm=26&gp=0.jpg',
					'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604656926782&di=fa4bf5e72ee91ce57a78ed3f099c6d88&imgtype=0&src=http%3A%2F%2Fsc.yymoban.com%2Fimg%2F2016%2Fpic%2F750sc%2F750sc3161126.jpg',
					'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3472457878,2069386947&fm=26&gp=0.jpg'
				],
				Tabs: 0
			};
		},
		methods: {
			changeSwiper(e) {
				this.swiperCurrent = e.detail.current;
				console.log(this.swiperCurrent);
			},
			//去往确认订单
			goorder() {
				uni.navigateTo({
					url: '../serve_order/serve_order'
				})
			},
			// 客服
			goCustomer() {
				uni.navigateTo({
					url: '/pages/my/customer/customer'
				})
				
			},
			// 去店铺
			goShop() {
				uni.navigateTo({
					url: '/pages/index/home_design/index'
				})
			}
		},
		onLoad() {}
	};
</script>

<style lang="less" scoped>
	//轮播图
	.banner {
		width: 100%;
		height: 460rpx;
		background: #ffffff;
		border: 1rpx solid #e0e0e0;
		overflow: hidden;
		position: relative;

		.swiper {
			width: 100%;
			height: 100%;
		}

		image {
			width: 100%;
			height: 100%;
		}
	}

	//轮播的信息
	.banner_infor {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 50rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 10rpx;
		font-size: 22rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #585858;

		view {
			// height: 50rpx;
			line-height: 50rpx;
			text-align: center;
		}

		.text1 {
			display: inline-block;
			width: 50rpx;
			height: 50rpx;
			background: #282828;
			opacity: 0.5;
			border-radius: 50%;
			margin-right: 25rpx;
		}

		.iconfont {
			color: white;
			font-size: 30rpx;
		}
	}

	//卡片1
	.card1 {
		padding: 28rpx 26rpx;

		.head {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			text {
				display: inline-block;
			}

			.price {
				font-size: 45rpx;
				font-family: PingFang;
				font-weight: 800;
				color: #282828;
			}

			.count {
				line-height: 65rpx;
				font-size: 20rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #707070;
			}
		}

		.youhui {
			width: 117rpx;
			height: 30rpx;
			border: 1rpx solid #1ebbbd;
			box-shadow: 0px 1rpx 8rpx 0rpx rgba(90, 90, 90, 0.35);
			border-radius: 6rpx;
			line-height: 24rpx;
			text-align: center;
			font-size: 22rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #00c6c2;
		}

		.bot {
			display: flex;
			align-items: center;
			padding: 25rpx;

			.name {
				margin-right: 18rpx;
				// height: 31rpx;
				font-size: 32rpx;
				font-family: PingFang;
				font-weight: bold;
				color: #212121;
				// line-height: 30rpx;
			}

			.skill {
				// height: 31rpx;
				font-size: 32rpx;
				font-family: PingFang;
				font-weight: bold;
				color: #212121;
				// line-height: 30px;
			}

			.img {
				flex: 3;
				display: flex;
				justify-content: flex-end;

				.iconfont {
					color: #808080;
					font-family: PingFang;
					font-weight: bold;
					font-size: 47rpx;
				}
			}
		}
	}

	//卡片2
	.card2 {
		padding: 15rpx 24rpx;

		.cont {
			padding: 24rpx 23rpx;
			background: #363536;
			box-shadow: 0rpx 3rpx 7rpx 0rpx rgba(100, 100, 100, 0.64);
			border-radius: 4rpx;
			display: flex;
			align-items: center;

			.name_infor {
				opacity: 0.8;
				// height: 28rpx;
				font-size: 35rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #efcead;
			}

			.name_detail {
				// height: 20rpx;
				opacity: 0.8;
				font-size: 25rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #efcead;
			}

			.rig {
				flex: auto;
				display: flex;
				justify-content: flex-end;

				.rig_box {
					width: 133rpx;
					height: 51rpx;
					text-align: center;
					line-height: 47rpx;
					background: linear-gradient(0deg, #e5c29e 0%, #fde9d4 100%);
					box-shadow: 0rpx 2rpx 25rpx 0rpx rgba(181, 150, 117, 0.4);
					border-radius: 26rpx;

					text {
						font-size: 30rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #3b3b39;
					}
				}
			}
		}
	}

	//卡片3
	.card3 {
		padding: 26rpx;
		display: flex;

		image {
			width: 100rpx;
			height: 100rpx;
		}

		.name_design {
			height: 25rpx;
			font-size: 26rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #333333;
			line-height: 30rpx;

			.iconfont {
				color: #ffc107;
				font-size: 25rpx;
				margin-left: 5rpx;
			}
		}

		.fenshu {
			height: 21rpx;
			font-size: 22rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #000000;
			line-height: 50rpx;
		}

		.zw {
			height: 20rpx;
			font-size: 20rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #585858;
			line-height: 85rpx;

			.text1 {
				margin-right: 29rpx;
			}
		}

		.dianpu {
			flex: auto;
			display: flex;
			justify-content: flex-end;

			view {
				width: 107rpx;
				height: 35rpx;
				border: 1rpx solid #595959;
				box-shadow: 0px 1rpx 8rpx 0px rgba(90, 90, 90, 0.35);
				border-radius: 15rpx;
				text-align: center;
				line-height: 30rpx;
				font-size: 18rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #595959;
			}
		}
	}

	//项目详情
	.pro_detail {
		padding: 25rpx 25rpx;
		border-bottom: 1px solid #e0e0e0;

		.name1 {
			font-size: 32rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #333333;
			line-height: 30px;
		}

		.name2 {
			font-size: 28rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #333333;
			line-height: 30rpx;
		}
	}

	//内容
	.content {
		padding: 33rpx 26rpx;
		border-bottom: 1px solid #e0e0e0;

		.cont_list {
			display: flex;
			align-items: center;

			.iconfont {
				color: #7bc1c0;
				display: inline-block;
				transform: translateY(4rpx);
			}

			.text1 {
				font-size: 24rpx;
				font-family: PingFang;
				font-weight: bold;
				color: #212121;
			}

			.text2 {
				font-size: 24rpx;
				font-family: PingFang;
				font-weight: bold;
				color: #212121;
			}
		}
	}

	//服务保障
	.serve_safe {
		padding: 27rpx 25rpx;

		.serve_name {
			font-size: 28rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #333333;
		}

		.iconfont {
			color: #7bc1c0;
			display: inline-block;
			transform: translateY(5rpx);
		}

		.cont {
			font-size: 20rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #333333;
		}
	}

	//图文详情
	.pic_text_detail {
		border-top: 1px solid #e0e0e0;

		.name {
			padding: 36rpx 23rpx;
			font-size: 28rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #333333;
		}

		.pic {
			height: 540rpx;
			width: 100%;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	//查看更多图文详情
	.more_detail {
		width: 100%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		font-size: 28rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #585858;

		.iconfont {
			font-size: 28rpx;
			margin-left: 10rpx;
		}
	}

	//顾客问答
	.service {
		// padding: 20rpx 0 20rpx 20rpx;
		background-color: #fff;

		.service-top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 15rpx;
		}

		.swiper-tabs {
			padding: 20rpx 182rpx 20rpx 20rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.swiper-tab-lists {
			font-size: 25rpx;
			display: block;
			padding: 10rpx 10rpx;
			border-radius: 50rpx;
			color: #333;
			background-color: #f1f1f1;
		}

		.ons {
			color: #fff;
			background-color: #00c6c2;
			border-radius: 50rpx;
		}

		.service-cen {
			padding: 20rpx;

			.service-data1 {
				font-size: 24rpx;
				color: #323233;
				padding: 12rpx 0;
			}

			.service-data2 {
				font-size: 24rpx;
				color: #323233;
				display: flex;
				padding: 12rpx 0;

				text {
					display: inline-block;
				}
			}
		}
	}

	//滚动图
	.lists {
		// width: 100%;

		// margin: 0rpx 20rpx;
		overflow: hidden;

		.scroll {
			padding: 0 20rpx;
			// width: 100%;
			overflow: hidden;
			white-space: nowrap;

			.box {
				display: inline-block;
				width: 485rpx;
				padding: 6rpx;
				border: 1rpx solid #f1f1f1;
				box-shadow: -4rpx 0px 7rpx 0px rgba(203, 203, 203, 0.49);
				border-radius: 4rpx;
				margin-right: 13rpx;

				.cen-box {
					width: 100%;
					display: flex;
					align-items: flex-end;
					justify-content: space-between;
				}
			}
		}
	}

	.wen-wen {
		padding: 20rpx;
		font-size: 24rpx;
		display: flex;
		align-items: center;

		view {
			width: 40rpx;
			height: 40rpx;
			background: #00C6C2;
			font-size: 22rpx;
			font-family: Adobe Heiti Std;
			font-weight: bold;
			color: #FFFFFF;
			text-align: center;
			line-height: 40rpx;
			margin-right: 20rpx;
		}

		text {
			color: #323233;
		}
	}

	//为你推荐
	.tuijian {
		padding: 32rpx 27rpx;

		.names {
			font-size: 32rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #333333;
			margin-bottom: 31rpx;
		}

		.list {
			width: 100%;
			display: inline-block;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;

			.listss {
				width: 345rpx;
				margin-bottom: 10rpx;
				background: #FFFFFF;
				box-shadow: -4rpx 0px 7rpx 0px rgba(203, 203, 203, 0.47);
				border-radius: 4rpx;

				.lists_img {
					width: 100%;
					height: 300rpx;
					background: #00C6C2;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.lists_infor {
					padding: 15rpx 10rpx;

					.list_top {

						font-size: 26rpx;
						font-family: PingFang;
						font-weight: bold;
						color: #333333;
						line-height: 30rpx;
					}

					.list_center {

						font-size: 22rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #666666;
						line-height: 36rpx;
						margin-top: 9rpx;
					}

					.list_price {

						font-size: 20rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #000000;
						line-height: 30rpx;
					}

					.num {
						font-size: 26rpx;
						font-family: PingFang;
						font-weight: bold;
						color: #333333;
						line-height: 30rpx;
					}

					.youhui {

						font-size: 16rpx;
						font-family: PingFang;
						font-weight: 500;
						color: #00C6C2;
						margin-left: 10rpx;
					}

					.sold {

						font-size: 16rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #707070;
						line-height: 30px;
						float: right;
					}

					.list_bottom {
						display: flex;
						position: relative;
						width: 100%;

						.bottom_img {
							width: 40rpx;
							height: 40rpx;
							background: #00C6C2;
							border-radius: 50%;
						}

						.bottom_text {
							margin-left: 15rpx;

							.name {
								font-size: 16rpx;
								font-family: PingFang;
								font-weight: 500;
								color: #4E4E4E;
							}

							.ico_x {
								height: 20rpx;
								line-height: 9rpx;

								.iconfont {
									color: #F2CB51;
									font-size: 16rpx;
								}
							}
						}

						.distance {
							position: absolute;
							right: 0;
							bottom: 0;
							font-size: 16rpx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #969696;
							line-height: 30rpx;


						}
					}
				}
			}
		}

	}

	//底部购买
	.bot_shop {
		// height: 88rpx;
		display: flex;

		// justify-content: space-between;
		.logs {
			flex: 1;
			display: flex;
			justify-content: space-around;
			align-items: center;
			text-align: center;
			border-top: 1rpx solid #E0E0E0;
			padding-top: 15rpx;

			image {
				width: 40rpx;
				height: 40rpx;
			}
		}

		.btns {
			flex: 1;
			background: #00C6C2;
			text-align: center;
			line-height: 99rpx;

			text {
				font-size: 30rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #FFFFFF;
				opacity: 0.8;
			}
		}
	}
</style>
